<template>
  <div>
    <p>{{ message }}</p>
    <button @click="btn">翻转字</button>
  </div>
</template>

<script>

export default {
  // 1.铺页面
  // 2.铺数据
  // 3.点击事件
  // 4.js交互
  data () {
    return {
      message: 'Hellow Word'
    }
  },
  methods: {
    btn () {
      // 先字体分隔
      let arr = this.message.split('').reverse().join('')
      console.log(arr)
      this.message = arr
    },

  }
}
</script>

<style>
</style>
